<!DOCTYPE html>
<html lang="en">

<head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">

<title>Happy Pet 后台管理</title>

<!-- Bootstrap Core CSS -->
<link href="../bower_components/bootstrap/dist/css/bootstrap.min.css"
	rel="stylesheet">

<!-- MetisMenu CSS -->
<link href="../bower_components/metisMenu/dist/metisMenu.min.css"
	rel="stylesheet">

<!-- Timeline CSS -->
<link href="../dist/css/timeline.css" rel="stylesheet">

<!-- Custom CSS -->
<link href="../dist/css/sb-admin-2.css" rel="stylesheet">

<!-- Morris Charts CSS -->
<link href="../bower_components/morrisjs/morris.css" rel="stylesheet">

<!-- Custom Fonts -->
<link href="../bower_components/font-awesome/css/font-awesome.min.css"
	rel="stylesheet" type="text/css">

<!-- jQuery -->
<script src="../bower_components/jquery/dist/jquery.min.js"></script>

<!-- Bootstrap Core JavaScript -->
<script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>

<!-- Metis Menu Plugin JavaScript -->
<script src="../bower_components/metisMenu/dist/metisMenu.min.js"></script>

<!-- Morris Charts JavaScript -->
<script src="../bower_components/raphael/raphael-min.js"></script>
<script src="../bower_components/morrisjs/morris.min.js"></script>
<script src="../js/morris-data-index.js"></script>

<!-- 显示列表 -->
<script type="text/javascript" src="../js/show-list.js"></script>

<!-- Custom Theme JavaScript -->
<script src="../dist/js/sb-admin-2.js"></script>

</head>

<body>

	<div id="wrapper">


		<!-- Navigation -->
		<nav class="navbar navbar-default navbar-static-top" role="navigation"
			style="margin-bottom: 0">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse"
					data-target=".navbar-collapse">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="index.html">Happy Pet后台管理</a>
			</div>
			<!-- /.navbar-header -->
			<ul class="nav navbar-top-links navbar-right">


				<li class="dropdown"><a class="dropdown-toggle"
					data-toggle="dropdown" href="#"> <i class="fa fa-bell fa-fw"></i>
				</a></li>
				<!-- /.dropdown -->
				<li class="dropdown">
				<a class="dropdown-toggle"
					data-toggle="dropdown" href="#"> <i class="fa fa-user fa-fw"></i>
				</a>
				<ul class="dropdown-menu dropdown-user">
                            <li><a href="manager.html"><i class="fa fa-gear fa-fw"></i> 设置</a>
                            </li>
                            <li class="divider"></li>
                            <li ><a href="../../BLogout"><i class="fa fa-sign-out fa-fw"></i> 退出</a>
                            </li>
                  </ul>
				</li>
				<!-- /.dropdown -->
			</ul>
			<!-- /.navbar-top-links -->

			<div class="navbar-default sidebar" role="navigation">
				<div class="sidebar-nav navbar-collapse">
					<ul class="nav" id="side-menu">

						<li><a href="index.html"><i class="fa fa-dashboard fa-fw"></i> 主页</a>
						</li>

						<li class="power-1"><a href="#"><i class="fa fa-edit fa-fw"></i> 宠物管理<span
								class="fa arrow"></span></a>

							<ul class="nav nav-second-level" id="pets-manager-list">


							</ul> <!-- /.nav-second-level --></li>

						<li class="power-2"><a href="#"><i class="fa fa-dashboard fa-fw"></i>
								业务处理<span class="fa arrow"></span></a>
							<ul class="nav nav-second-level">
								<li><a href="deal.html#2">订单处理</a></li>
							</ul> <!-- /.nav-second-level --></li>

						<li class="power-3"><a href="#"><i class="fa fa-bar-chart-o fa-fw"></i>
								营业分析<span class="fa arrow"></span></a>
							<ul class="nav nav-second-level">
								<li><a href="stats.html#1">收支查询及统计</a></li>
							</ul> <!-- /.nav-second-level --></li>

						<li class="power-4"><a href="user.html"><i class="fa fa-sitemap fa-fw"></i>
								会员管理</a></li>

						<li class="power-5"><a href="manager.html"><i class="fa fa-wrench fa-fw"></i>
								员工管理</a></li>




					</ul>
				</div>
				<!-- /.sidebar-collapse -->
			</div>
			<!-- /.navbar-static-side -->
		</nav>



		<div id="page-wrapper">
			<div class="row">
				<div class="col-lg-12">
					<h1 class="page-header">信息栏</h1>
				</div>
				<!-- /.col-lg-12 -->
			</div>
			<!-- /.row -->
			<div class="row">
				<div class="col-lg-4 col-md-6">
					<div class="panel panel-primary">
						<div class="panel-heading">
							<div class="row">
								<div class="col-xs-3">
									<i class="fa fa-comments fa-5x"></i>
								</div>
								<div class="col-xs-9 text-right">
									<div class="huge huge-1">26</div>
									<div>待处理订单</div>
								</div>
							</div>
						</div>
						<a href="deal.html">
							<div class="panel-footer">
								<span class="pull-left">查看</span> <span class="pull-right"><i
									class="fa fa-arrow-circle-right"></i></span>
								<div class="clearfix"></div>
							</div>
						</a>
					</div>
				</div>
				<div class="col-lg-4 col-md-6">
					<div class="panel panel-green">
						<div class="panel-heading">
							<div class="row">
								<div class="col-xs-3">
									<i class="fa fa-tasks fa-5x"></i>
								</div>
								<div class="col-xs-9 text-right">
									<div class="huge huge-2">12</div>
									<div>新用户</div>
								</div>
							</div>
						</div>
						<a href="user.html">
							<div class="panel-footer">
								<span class="pull-left">查看</span> <span class="pull-right"><i
									class="fa fa-arrow-circle-right"></i></span>
								<div class="clearfix"></div>
							</div>
						</a>
					</div>
				</div>
				<div class="col-lg-4 col-md-6">
					<div class="panel panel-green">
						<div class="panel-heading">
							<div class="row">
								<div class="col-xs-3">
									<i class="fa fa-tasks fa-5x"></i>
								</div>
								<div class="col-xs-9 text-right">
									<div class="huge huge-3">12</div>
									<div>在线用户</div>
								</div>
							</div>
						</div>
						<a href="#">
							<div class="panel-footer">
								<span class="pull-left"></span> <span
									class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
								<div class="clearfix"></div>
							</div>
						</a>
					</div>
				</div>
			</div>
			<!-- /.row -->

			<div class="container-fluid">
				<div class="row">
					<div class="col-lg-8">


						<div class="panel panel-default">
							<div class="panel-heading">
								<i class="fa fa-bar-chart-o fa-fw"></i> 本周收支曲线

							</div>
							<!-- /.panel-heading -->
							<div class="panel-body">

								<div class="chart-1"></div>

							</div>
							<!-- /.panel-body -->
						</div>
						<!-- /.panel -->


						<div class="panel panel-default">
							<div class="panel-heading">
								<i class="fa fa-bar-chart-o fa-fw"></i> 新注册会员
							</div>
							<!-- /.panel-heading -->
							<div class="panel-body">
								<div class="row">
									<div class="col-lg-12">
										<div class="table-responsive">
											<table class="table table-bordered table-hover table-striped">
												<thead>
													<tr>
														<th>ID</th>
														<th>昵称</th>
														<th>总花费</th>
														<th>注册时间</th>
													</tr>
												</thead>
												<tbody>
												</tbody>
											</table>
											<a href="user.html" class="btn btn-default btn-block">查看更多</a>
										</div>
										<!-- /.table-responsive -->
									</div>
									<!-- /.col-lg-4 (nested) -->
									<!-- ---------------------- -->
									<!-- /.col-lg-8 (nested) -->
								</div>
								<!-- /.row -->
							</div>
							<!-- /.panel-body -->
						</div>
						<!-- /.panel -->



					</div>
					<!-- /.col-lg-8 -->
					<div class="col-lg-4">
						<div class="panel panel-default">
							<div class="panel-heading">
								<i class="fa fa-bell fa-fw"></i> 近期销售记录
							</div>
							<!-- /.panel-heading -->
							<div class="panel-body">
								<div class="list-group ">
									<!-- 示例 -->
									<a href="#" class="list-group-item"> <i
										class="fa fa-comment fa-fw"></i> New Comment <span
										class="pull-right text-muted small"><em>4 minutes
												ago</em> </span>
									</a> <a href="#" class="list-group-item"> <i
										class="fa fa-twitter fa-fw"></i> 3 New Followers <span
										class="pull-right text-muted small"><em>12 minutes
												ago</em> </span>
									</a>

								</div>
								<!-- /.list-group -->

							</div>
							<!-- /.panel-body -->
						</div>
						<!-- /.panel -->
						<div class="panel panel-default">
							<div class="panel-heading">
								<i class="fa fa-bar-chart-o fa-fw"></i> 今日收支利润图
							</div>
							<div class="panel-body">

								<div class="chart-3"></div>

								<a href="stats.html" class="btn btn-default btn-block">查看更多</a>
							</div>
							<!-- /.panel-body -->
						</div>

					</div>
					<!-- /.col-lg-4 -->
				</div>
				<!-- /.row -->
			</div>
			<!-- /#page-wrapper -->
		</div>
		<!-- /#wrapper -->
	</div>


</body>

</html>
